<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.applyUserId" @keyup.enter="query" placeholder="申请用户">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.vehicleNum" @keyup.enter="query" placeholder="车牌号码">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.createTime" @keyup.enter="query" placeholder="申请时间">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <select class="form-control" placeholder="请选择审核状态"  v-model="q.status">
                    <option disabled value="">请选择审核状态</option>
                    <option value="0">待审批</option>
                    <option value="1">审批通过</option>
                    <option value="2">拒绝</option>
                    <option value="3">作废</option>
                </select>
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-warning" @click="reset">重置</a>
            <#if shiro.hasPermission("cgs:cgspassporapply:update")>
            <a class="btn btn-primary" @click="look"><i class="fa fa-pencil-square-o"></i>&nbsp;申请详情</a>
        </#if>
    </div>
    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>
</div>

<div v-show="!showList" class="panel panel-default" align="center">
    <div class="panel-heading">{{title}}</div>
    <div class="form-horizontal" style="width:80%!important;">
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">申请用户</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.applyUserId"
                       placeholder="申请用户id" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">申请类型</div>
            <div class="col-sm-10" style="width: 40%;">
                <select class="form-control" v-model="cgsPassporapply.applyRole" disabled>
                    <option value="01">个人</option>
                    <option value="02">单位</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">平台序号</div>
            <!--<div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.passTime"
                       placeholder="同行时间" readonly/>
            </div>-->
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.xh"
                       placeholder="平台序号" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">有效时长</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.effectTime"
                       placeholder="有效时长" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">审核大队</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.auditDept"
                       placeholder="审核大队" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">办理人</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.handler"
                       placeholder="办理人" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">联系电话</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.mobile"
                       placeholder="联系电话" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">身份证号</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.idCardNum"
                       placeholder="身份证号" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">开始日期</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.beginDate"
                       placeholder="开始日期" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">结束日期</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.toDate"
                       placeholder="结束日期" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">通行证名称</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.passportName"
                       placeholder="通行证名称" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">货物名称</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.goodsName"
                       placeholder="货物名称" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">目的地</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.destination"
                       placeholder="目的地" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">车辆类型</div>
            <div class="col-sm-10" style="width: 40%;">
                <select class="form-control" v-mode="cgsPassporapply.vehicleType" disabled>
                    <option v-for="item in hpzl" :value="item.value">{{item.text}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">车牌号码</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.vehicleNum"
                       placeholder="车牌号码" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">申请线路</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.lineName"
                       placeholder="线路名称" readonly/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">审批线路</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.verifyLineName"
                       placeholder="审批线路" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">审批状态</div>
            <div class="col-sm-10" style="width: 40%;">
                <select class="form-control" v-model="cgsPassporapply.status" disabled>
                    <option v-for="item in spzt" :value="item.value">{{item.text}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">审核不通过原因</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.statusExplain"
                       placeholder="审核不通过原因" readonly/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">申请时间</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsPassporapply.createTime"
                       placeholder="创建时间" readonly/>
            </div>
        </div>

        <div class="form-group">
            <div v-if="cgsPassporapply.travelLicense != null && cgsPassporapply.travelLicense != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">行驶证</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.travelLicense" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div v-if="cgsPassporapply.drivingLicense != null && cgsPassporapply.drivingLicense != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">驾驶证</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.drivingLicense" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
        </div>
        <div>
            <div v-if="cgsPassporapply.businessLicense != null && cgsPassporapply.businessLicense != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">营业执照</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.businessLicense" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div v-if="cgsPassporapply.trainingCertificate != null && cgsPassporapply.trainingCertificate != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">培训合格证明</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.trainingCertificate" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div v-if="cgsPassporapply.goodsScortCard != null && cgsPassporapply.goodsScortCard != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">危险品押运员证</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.goodsScortCard" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div v-if="cgsPassporapply.passportApplication != null && cgsPassporapply.passportApplication != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">通行申请书</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.passportApplication" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div v-if="cgsPassporapply.qualificationProof != null && cgsPassporapply.qualificationProof != '' ">
                <div class="col-sm-2 control-label" style="width: 10%;">渣土清运审批表</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.qualificationProof" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
            <div v-if="cgsPassporapply.illegalDealProve != null && cgsPassporapply.illegalDealProve != ''">
                <div class="col-sm-2 control-label" style="width: 10%;">违法处理完成证明</div>
                <div class="col-sm-10" style="width: 40%;">
                    <a href="#" class="thumbnail">
                        <img :src="cgsPassporapply.illegalDealProve" style="width:300px;height:200px;"
                             alt="通用的占位符缩略图">
                    </a>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group">
                <#if shiro.hasPermission("cgs:cgspassporapply:shenpi")>
                <!--<input type="button" class="btn btn-primary" data-toggle="modal" data-target="#passporapplyModal" value="审批"/>-->
            </#if>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </div>
</div>
</form>
</div>
<!--通行证审批-->
<!--<div class="modal fade" id="passporapplyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="policePostModalLabel">
                    通行证审批
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">审批结论</div>
                        <div class="col-sm-10">
                            <select id="shenpijielun" class="form-control" v-model="shenpi.status">
                                <option value="2">拒绝</option>
                                <option value="4">通过</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">批复线路</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="shenpi.verifyLineName" placeholder="批复线路"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">拒绝事由</div>
                        <div class="col-sm-10">
                            <textarea type="text" class="form-control" v-model="shenpi.statusExplain"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <input type="button" class="btn btn-primary" @click="executeAudit" value="保存"/>
                <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
            </div>
        </div>&lt;!&ndash; /.modal-content &ndash;&gt;
    </div>&lt;!&ndash; /.modal &ndash;&gt;
</div>-->
</div>

<script src="${request.contextPath}/statics/js/modules/cgs/cgspassporapply.js?_${.now?long}"></script>
</body>
</html>